<template>
  <div class="app-container">

    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>时间：{{ this.info.dataTime }}</span>
      </div>
      <div id="print-div" style="height: 1200px">

        <div
          style="
              text-align: center;
              font-size: 24px;
              font-weight: bold;
              margin-bottom: 8px;
            "
        >
          <img src="@/icons/img/changzhi.png" style="width: 30px;height: 30px;">{{ this.$store.state.City }}医院 <br/>
          自主呼吸试验评估表
        </div>
        <div class="warp">
          <div class="one">
            <div style="height: 30px; width: 110px;float: left;
                     border: 1px solid #808695;"
            >
              <span style="margin: 3px;">姓名：{{ this.data.name }}</span>
            </div>
            <div style="height: 30px; width: 140px;float: left;
                     border: 1px solid #808695;"
            >
             <span style="margin: 3px;"> 性别：
              <el-checkbox
                v-model="sex1"
                label="M"
                true-label="1"
                false-label="0"
                style="margin: 0px;"
              />/
              <el-checkbox
                v-model="sex2"
                label="F"
                true-label="1"
                false-label="0"
                style="margin: 0px;"
              />
              </span>
            </div>
            <div style="height: 30px; width: 130px;float: left;
                     border: 1px solid #808695;"
            >
              <span style="margin-top: 2px;"> 年龄：{{ this.$store.state.user.severFall.ageOrMonthAge }}</span>
            </div>
            <div style="height: 30px; width: 150px;float: left;
                     border: 1px solid #808695;"
            >
              <span style="margin-top: 2px;">病历号：{{ this.data.visit_code }}</span>
            </div>
            <div style="height: 30px; width: 130px;float: left;
                     border: 1px solid #808695;"
            >
              <span style="margin-top: 2px;">床号：{{ this.data.bed_code }}</span>
            </div>
            <div style="height: 30px; width: 280px;float: left;
                     border: 1px solid #808695;" id="dateId"
            >
               <span style="margin-top: 2px;">上机时间
                 <el-date-picker
                   v-model="info.code1"
                   type="datetime"
                   :clearable="false"
                   style="width: 200px;"
                   value-format="yyyy-MM-dd HH:mm:ss"
                 />
               </span>
            </div>
          </div>

          <div style="height: 30px; width: 940px;
                     border: 1px solid #808695;">
            <div style="height: 30px; width: 300px;
                     border: 1px solid #808695;float: left;" id="dateId_tow">SBT 时间
              <el-date-picker
                v-model="info.code2"
                type="datetime"
                :clearable="false"
                style=" width: 200px;margin-top: 2px;"
                value-format="yyyy-MM-dd HH:mm:ss"
              />
            </div>
            <div style="height: 30px; width: 200px;
                     border: 1px solid #808695;float: left;">SBT
              次数：第
              <input
                v-model="info.code3"
                type="text"
                style="
                    width: 30px;
                    text-align: center;
                    border: 0px;
                    outline: none;
                    height: 18px;
                    margin-top: 2px;
                  "
              />
              <span>次</span>
            </div>
            <div style="height: 30px; width: 438px;
                     border: 1px solid #808695;float: left;">诊断:
              <span style="margin-top: 2px;">{{ this.data.diagnosis_name }}</span>
            </div>
          </div>
          <div style="width: 940px;">
            <div style="margin-left: 5px;">一、 SBT 前评估</div>
            <div style="margin-left: 5px;">1. 临床情况的主观评估</div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code4"
                label=""
                true-label="1"
                false-label="0"
              />
              导致呼吸衰竭的原发病已稳定或恢复
            </div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code5"
                label=""
                true-label="1"
                false-label="0"
              />
              咳嗽能力：<input
              v-model="info.code6"
              autocomplete="off"
              spellcheck="false"
              type="text"
              style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
            /> 级
            </div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code7"
                label=""
                true-label="1"
                false-label="0"
              />
              吸痰频率：
              <input
                v-model="info.code8"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />次/小时
            </div>
          </div>
          <div style="width: 940px;">
            <div style="margin-left: 5px;">2. 临床状态稳定</div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code9"
                label=""
                true-label="1"
                false-label="0"
              />
              T：
              <input
                v-model="info.code10"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />℃； HR：
              <input
                v-model="info.code11"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> 次/分；SBP：
              <input
                v-model="info.code12"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> mmHg；血管活性药物：
              <input
                v-model="info.code13"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 300px;
                    text-align: left;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />
            </div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code14"
                label=""
                true-label="1"
                false-label="0"
              />
              pH：
              <input
                v-model="info.code15"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> ；BE：
              <input
                v-model="info.code16"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />；Lac：
              <input
                v-model="info.code17"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />
            </div>
          </div>
          <div style="width: 940px;">
            <div style="margin-left: 5px;">3. 通气和氧合功能改善</div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code18"
                label=""
                true-label="1"
                false-label="0"
              />
              SpO 2 ：
              <input
                v-model="info.code19"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />%；FiO 2 ：
              <input
                v-model="info.code20"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />；PEEP：
              <input
                v-model="info.code21"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />cmH 2 O；
              PaO 2 /FiO 2 ：
              <input
                v-model="info.code22"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />mmHg
            </div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code23"
                label=""
                true-label="1"
                false-label="0"
              />
              RR：
              <input
                v-model="info.code24"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> 次/分；VT：
              <input
                v-model="info.code25"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> ml；VE：<input
              v-model="info.code26"
              autocomplete="off"
              spellcheck="false"
              type="text"
              style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
            /> L/min；PaCO 2 ：
              <input
                v-model="info.code27"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> mmHg
            </div>
          </div>
          <div style="width: 940px;">
            <div style="margin-left: 5px;"> 4. 精神饱满</div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code28"
                label=""
                true-label="1"
                false-label="0"
              />
              GCS：
              <input
                v-model="info.code29"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> ；镇静剂及剂量：
              <input
                v-model="info.code30"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />
            </div>
          </div>
          <div style="width: 940px;">
            <div style="margin-left: 5px;">二、 SBT 方式选择</div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code31"
                label=""
                true-label="1"
                false-label="0"
              />
              PSV：PS
              <input
                v-model="info.code32"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />cmH 2 O；PEEP
              <input
                v-model="info.code33"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />cmH 2 O；FiO 2
              <input
                v-model="info.code34"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />
            </div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code35"
                label=""
                true-label="1"
                false-label="0"
              />
              T 管：FiO 2
              <input
                v-model="info.code36"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />；流量：
              <input
                v-model="info.code37"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 50px;
                    text-align: center;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              /> L/min
            </div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code38"
                label=""
                true-label="1"
                false-label="0"
              />
              其他：
              <input
                v-model="info.code39"
                autocomplete="off"
                spellcheck="false"
                type="text"
                style="
                    width: 400px;
                    text-align: left;
                    border: 0px;
                    border-bottom: 1px solid #dcdfe6;
                    outline: none;
                    height: 30px;
                  "
              />
            </div>
          </div>
          <div style="width: 940px;margin-bottom: 5px;">
            <div style="margin-left: 5px;"> 三、 SBT 结果评估：</div>
            <div style="margin-left: 20px;">
              <el-checkbox
                v-model="info.code40"
                label=""
                true-label="1"
                false-label="0"
              />
              通过；
              <el-checkbox
                v-model="info.code41"
                label=""
                true-label="1"
                false-label="0"
              />
              未通过
            </div>
          </div>
          <div class="two" id="select_div">
            <div class="short_div" style="width: 340px;"></div>
            <div class="short_div">SBT 前</div>
            <div class="short_div">3 min</div>
            <div class="short_div">10 min</div>
            <div class="short_div">20min</div>
            <div class="short_div">30min</div>
            <div class="short_div">
              <input
                v-model="info.code42"
                type="text"
                class="input-type"
              />
            </div>

            <div class="short_div" style="height: 90px;">循环
              状态
            </div>
            <div class="long_div">HR</div>
            <div class="short_div">
              <input
                v-model="info.code43"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code44"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code45"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code46"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code47"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code48"
                type="text"
                class="input-type"
              />
            </div>

            <div class="long_div">SBP</div>
            <div class="short_div">
              <input
                v-model="info.code49"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code50"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code51"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code52"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code53"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code54"
                type="text"
                class="input-type"
              />
            </div>


            <div class="long_div">心律失常</div>
            <div class="short_div">
              <el-select
                v-model="info.code55"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList1"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code56"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList1"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code57"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList1"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code58"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList1"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code59"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList1"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code60"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList1"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>

            <div class="short_div" style="height: 60px;">呼吸形式</div>
            <div class="long_div">RR</div>
            <div class="short_div">
              <input
                v-model="info.code61"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code62"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code63"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code64"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code65"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code66"
                type="text"
                class="input-type"
              />
            </div>


            <div class="long_div">VT</div>
            <div class="short_div">
              <input
                v-model="info.code67"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code68"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code69"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code70"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code71"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code72"
                type="text"
                class="input-type"
              />
            </div>

            <div class="short_div" style="height: 120px;">气体交换</div>
            <div class="long_div">pH</div>
            <div class="short_div">
              <input
                v-model="info.code73"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code74"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code75"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code76"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code77"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code78"
                type="text"
                class="input-type"
              />
            </div>


            <div class="long_div">PaO 2 /FiO 2</div>
            <div class="short_div">
              <input
                v-model="info.code79"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code80"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code81"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code82"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code83"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code84"
                type="text"
                class="input-type"
              />
            </div>


            <div class="long_div">PaCO</div>
            <div class="short_div">
              <input
                v-model="info.code85"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code86"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code87"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code88"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code89"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code90"
                type="text"
                class="input-type"
              />
            </div>


            <div class="long_div">SpO 2</div>
            <div class="short_div">
              <input
                v-model="info.code91"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code92"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code93"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code94"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code95"
                type="text"
                class="input-type"
              />
            </div>
            <div class="short_div">
              <input
                v-model="info.code96"
                type="text"
                class="input-type"
              />
            </div>

            <div class="short_div" style="height: 150px;">临床评估</div>
            <div class="long_div">精神状态是否恶化（是√/否×）</div>
            <div class="short_div">/</div>
            <div class="short_div">
              <el-select
                v-model="info.code97"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code98"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code99"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code100"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code101"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>


            <div class="long_div">是否出汗（是√/否×）</div>
            <div class="short_div">/</div>
            <div class="short_div">
              <el-select
                v-model="info.code102"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code103"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code104"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code105"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code106"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>

            <div class="long_div">紫绀（是√/否×）</div>
            <div class="short_div">/</div>
            <div class="short_div">
              <el-select
                v-model="info.code107"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code108"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code109"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code110"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code111"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>


            <div class="long_div">躁动／焦虑（是√/否×）</div>
            <div class="short_div">/</div>
            <div class="short_div">
              <el-select
                v-model="info.code112"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code113"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code114"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code115"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code116"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>


            <div class="long_div">呼吸努力增强（有√/无×）</div>
            <div class="short_div">/</div>
            <div class="short_div">
              <el-select
                v-model="info.code117"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code118"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code119"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code120"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
            <div class="short_div">
              <el-select
                v-model="info.code121"
                :clearable="false"
                class="select-type"
                placeholder=""
              >
                <el-option
                  v-for="item in selectList"
                  :key="item.name"
                  :label="item.name"
                  :value="item.name"
                />
              </el-select>
            </div>
          </div>
          <div style="width: 940px;">
            <div style="float: left;width:740px;height: 30px;"></div>
            <div style="float: left;width:200px;height: 30px;" id="select_user_div">
              评估者
              <el-select
                v-model="info.code134"
                placeholder=""
                class="select-type"
                style="width: 100px;"
                :clearable="false"
                filterable
                :filter-method="signFilter"
              >
                <el-option
                  v-for="item in signOptions"
                  :key="item.id"
                  :label="item.user_name"
                  :value="item.login_name"
                />
              </el-select>
            </div>
          </div>
          <div style="width: 940px;">
            <div style="width: 940px;margin-left: 5px;">四、 撤机拔管的结局：</div>
            <div style="width: 940px;margin-left: 20px;">1、 拔管后呼吸支持方式：
              <el-checkbox
                v-model="info.code122"
                label=""
                true-label="1"
                false-label="0"
              />
              NPPV；
              <el-checkbox
                v-model="info.code123"
                label=""
                true-label="1"
                false-label="0"
              />
              HFNC
              <el-checkbox
                v-model="info.code124"
                label=""
                true-label="1"
                false-label="0"
              />
              NC
            </div>
            <div style="width: 940px;margin-left: 20px;">2、拔管是否成功：
              <el-checkbox
                v-model="info.code125"
                label=""
                true-label="1"
                false-label="0"
              />
              是；
              <el-checkbox
                v-model="info.code126"
                label=""
                true-label="1"
                false-label="0"
              />
              否；
              若为否，拔管后多长时间内需再次插管：<input
                v-model="info.code127"
                type="text"
                style="width: 50px;height: 30px;border: 0;outline: 0;"
              />小时
            </div>
            <div style="width: 940px;margin-left: 20px;">3、拔管失败原因：
              <el-checkbox
                v-model="info.code128"
                label=""
                true-label="1"
                false-label="0"
              />
              呼吸衰竭
              <el-checkbox
                v-model="info.code129"
                label=""
                true-label="1"
                false-label="0"
              />
              心脏衰竭
              <el-checkbox
                v-model="info.code130"
                label=""
                true-label="1"
                false-label="0"
              />
              上气道梗阻
              <el-checkbox
                v-model="info.code131"
                label=""
                true-label="1"
                false-label="0"
              />
              消化道出血
              <el-checkbox
                v-model="info.code132"
                label=""
                true-label="1"
                false-label="0"
              />
              其他
              <input
                v-model="info.code133"
                type="text"
                class="input-type"
                style="width: 100px;text-align: left;"
              />
            </div>
          </div>
        </div>
        <div style="text-align:center;margin-top: 1px;">第{{ this.pageNum }}页</div>
      </div>
      <div
        style="
          position: fixed;
          right: 0;
          bottom: 0;
          z-index: 9;
          width: 100%;
          height: 56px;
          line-height: 56px;
          padding: 0 60px 0 18px;
          background: #fff;
          border-top: 1px solid #e8eaec;
          box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.03);
        "
      >
        <el-button
          type="primary"
          style="position: absolute; right: 20px; top: 8px"
          @click="btn"
          :disabled=garbage
        >保存
        </el-button
        >

        <el-button
          type="primary"
          style="position: absolute; right: 102px; top: 8px"
          @click="daying"
          :disabled=garbage
        >打印
        </el-button
        >
        <el-button
          type="primary"
          style="position: absolute; right: 185px; top: 8px"
          @click="reload"
          :disabled=garbage
        >刷新
        </el-button
        >

        <el-button
          type="primary"
          style="position: absolute; right: 270px; top: 8px"
          @click="histion()"
          :disabled=garbage
        >历史记录
        </el-button
        >
        <el-button
          type="primary"
          style="position: absolute; right: 380px; top: 8px"
          @click="openBtn"
          :disabled=garbage
        >评分标准
        </el-button
        >
        <span style="position: absolute; right: 500px; top: 1px">
           设置页码：
        <input
          v-model="pageNum"
          autocomplete="off"
          spellcheck="false"
          type="text"
          placeholder=""
          oninput="value=value.replace(/[^0-9.]/g,'')"
          style="width: 100px;height: 30px;"
        />
        </span>

      </div>
      <el-drawer title="评估列表" :visible.sync="table" direction="rtl">
        <el-table :data="gridData">
          <el-table-column
            label="序号"
            type="index"
            align="center"
            width="80"
          />
          <el-table-column
            property="createTime"
            label="评估时间"
            width="150"
            align="center"
          />
          <el-table-column
            property="operatorCode"
            label="评估人"
            width="150"
            align="center"
          />
          <el-table-column label="操作" width="154" align="center">
            <template slot-scope="scope">
              <el-button
                slot="reference"
                size="mini"
                style="margin-left: 10px"
                type="primary"
                @click="choice(scope)"
              >选择
              </el-button
              >
              <el-popover
                :ref="`popover-${scope.$index}`"
                trigger="click"
                placement="top"
                width="100"
              >
                <p class="el-icon-warning">确定删除</p>
                <div style="text-align: right; margin: 0">
                  <el-button size="mini" type="text" @click="no(scope)"
                  >取消
                  </el-button
                  >
                  <el-button type="primary" size="mini" @click="yes(scope)"
                  >确定
                  </el-button
                  >
                </div>
                <el-button
                  slot="reference"
                  size="mini"
                  style="margin-left: 10px"
                  type="danger"
                >删除
                </el-button
                >
              </el-popover>
            </template>
          </el-table-column>
        </el-table>
      </el-drawer>
    </el-card>
    <el-dialog
      title="自主呼吸试验判断标准"
      :visible.sync="dialogVisible"
      class="mod_box1"
    >
      <el-button
        type="primary"
        style="position: absolute; right: 102px; top: 8px"
        @click="daying2"
      >标准打印
      </el-button
      >
      <span style="position: absolute; right: 250px; top: 12px">
           设置页码：
        <input
          v-model="pageNums"
          autocomplete="off"
          spellcheck="false"
          type="text"
          placeholder=""
          oninput="value=value.replace(/[^0-9.]/g,'')"
          style="width: 100px;height: 30px;"
        />
        </span>
      <div id="print-div1">
        <div class="title_div_one">附件：自主呼吸试验判断标准</div>
        <div class="title_small_noe">（ 参考文献：Boles JM1, Bion J, Connors A, et al. Weaning from mechanical ventilation.
          Eur Respir J 2007; 29: 1033–1056. ）
        </div>
        <div class="number_one">1 、试验前评估（个体化 评估 ）。</div>
        <div style="height:2px;border-top:solid rgb(0,0,0) 2px;"></div>
        <div style="height:1px;margin-top: 2px;  border-top:solid rgb(0,0,0) 1px;"></div>
        <div class="no_number_one">临床评估</div>
        <div class="circle_one">• 导致呼吸衰竭的原发病已稳定或恢复</div>
        <div class="circle_one">• 充足的咳嗽能力</div>
        <div class="circle_one">• 无大量的气道分泌物</div>
        <div class="no_number_one">客观指标评估</div>
        <div class="circle_one">• 临床状态稳定</div>
        <div class="line_one">− 无高热（T＜38℃）</div>
        <div class="line_one">− 稳定的心血管状态（HR≤140 次/分，SBP 90-160 mmHg，无血 管活性药物或最小剂量）</div>
        <div class="line_one">− 代谢状态稳定</div>
        <div class="circle_one">• 氧合功能改善</div>
        <div class="line_one">− SaO2 > 90%，FiO2 ≤ 0.4 （或 PaO2/FiO2 ≥150 mmHg）</div>
        <div class="line_one">− PEEP ≤ 8 cmH2O</div>
        <div class="circle_one">• 肺功能的改善</div>
        <div class="circle_one">• 氧合功能改善</div>
        <div class="line_one">− RR≤ 35 次/分，MIP ≤ -20 — -50 cmH2O，VT> 5 ml/kg，VC > 10 ml/kg，f/VT < 105</div>
        <div class="line_one">− 无严重的呼吸性酸中毒</div>
        <div class="line_one">− 无镇静或镇静时精神饱满，GCS≥13</div>
        <div style="height:2px;border-top:solid rgb(0,0,0) 2px;"></div>
        <div style="height:1px;margin-top: 2px;  border-top:solid rgb(0,0,0) 1px;"></div>
        <div class="number_one">2 、SBT 不 耐受标准（个体化评估）。</div>
        <div class="no_number_one">临床情况和主观指标评估</div>
        <div class="circle_one">• 躁动或焦虑</div>
        <div class="circle_one">• 精神状态恶化</div>
        <div class="circle_one">• 氧合功能改善</div>
        <div class="circle_one">• 出汗</div>
        <div class="circle_one">• 紫绀</div>
        <div class="circle_one">• 出现呼吸努力增强</div>
        <div class="line_one">− 辅助呼吸肌活动、面部出现呼吸窘迫症状或呼吸困难</div>
        <div class="no_number_one">客观监测指标</div>
        <div class="circle_one">• 气体交换功能</div>
        <div class="line_one">− PaO2≤ 50-60 mmHg，FiO2 ≥0.5 或 SaO2 < 90%</div>
        <div class="line_one">− PaCO2 > 50 mmHg 或增加幅度> 8mmHg</div>
        <div class="line_one">− pH<7.32，或 pH 降低幅度≥0.07</div>
        <div class="circle_one">• 呼吸形式</div>
        <div class="line_one">− f/VT > 105</div>
        <div class="line_one">− RR > 35 次/分或增加幅度≥50%</div>
        <div class="circle_one">• 循环状态</div>
        <div class="line_one">− HR> 140 次/分或增加幅度≥20%</div>
        <div class="line_one">− SBP > 180 mmHg 或增加幅度≥20%</div>
        <div class="line_one">− SBP < 90 mmHg</div>
        <div class="line_one">− 心律失常</div>
        <div style="height:1px;border-top:solid rgb(0,0,0) 1px;"></div>
        <div style="margin-top: 20px;line-height: 25px;font-size: 5px;">注：咳嗽评估（0-5
          级）：0-无指令咳嗽；1-可察觉插管内气体流动，但无咳嗽声音；2-很弱的咳嗽声音；3-清楚的咳嗽声音；
        </div>
        <div style="margin-left: 140px;line-height: 25px;font-size: 5px;">4-更强的咳嗽力量；5-多次连续的强烈咳嗽。</div>
        <div style="text-align:center;margin-top: 1px;">第{{ this.pageNums }}页</div>
      </div>

    </el-dialog>
  </div>
</template>


<script>
import {jyxdPagePrint} from "@/utils/jyxd-page-printer.js";
import {
  patientgetList,
  ADLInsertAndUpdate,
  ADLDelete,
  queryDataADL,
  queryADLList,
  findPage,
  getUserListByUserTypegetNurseList
} from "@/api/table";

export default {
  data() {
    return {
      pageNum: 1,
      pageNums: 1,
      age: "",
      garbage: false,
      printParam: {
        print_id: "print-div", //完整打印区域最外包裹, id名
        paper_height: "1240",  //纸张长度，目前不自动分页，页面代码自行设计分页模式
        paper_width: "850",  //纸张宽度，根据横向纵向调整，影响页面折行效果
        preview: "",
      },
      printParam2: {
        print_id: "print-div1", //完整打印区域最外包裹, id名
        paper_height: "1240",  //纸张长度，目前不自动分页，页面代码自行设计分页模式
        paper_width: "850",  //纸张宽度，根据横向纵向调整，影响页面折行效果
        preview: "",
      },
      dataTime: "",
      dialogVisible: false,
      sex1: "",
      sex2: "",
      gridData: [],
      data: [],
      table: false,
      info: {
        rowId: "",
        code1: "",
        code2: "",
        code3: "",
        code4: "",
        code5: "",
        code6: "",
        code7: "",
        code8: "",
        code9: "",
        code10: "",
        code11: "",
        code12: "",
        code13: "",
        code14: "",
        code15: "",
        code16: "",
        code17: "",
        code18: "",
        code19: "",
        code20: "",
        code21: "",
        code22: "",
        code23: "",
        code24: "",
        code25: "",
        code26: "",
        code27: "",
        code28: "",
        code29: "",
        code30: "",
        code31: "",
        code32: "",
        code33: "",
        code34: "",
        code35: "",
        code36: "",
        code37: "",
        code38: "",
        code39: "",
        code40: "",
        code41: "",
        code42: "",
        code43: "",
        code44: "",
        code45: "",
        code46: "",
        code47: "",
        code48: "",
        code49: "",
        code50: "",
        code51: "",
        code52: "",
        code53: "",
        code54: "",
        code55: "",
        code56: "",
        code57: "",
        code58: "",
        code59: "",
        code60: "",
        code61: "",
        code62: "",
        code63: "",
        code64: "",
        code65: "",
        code66: "",
        code67: "",
        code68: "",
        code69: "",
        code70: "",
        code71: "",
        code72: "",
        code73: "",
        code74: "",
        code75: "",
        code76: "",
        code77: "",
        code78: "",
        code79: "",
        code80: "",
        code81: "",
        code82: "",
        code83: "",
        code84: "",
        code85: "",
        code86: "",
        code87: "",
        code88: "",
        code89: "",
        code90: "",
        code91: "",
        code92: "",
        code93: "",
        code94: "",
        code95: "",
        code96: "",
        code97: "",
        code98: "",
        code99: "",
        code100: "",
        code101: "",
        code102: "",
        code103: "",
        code104: "",
        code105: "",
        code106: "",
        code107: "",
        code108: "",
        code109: "",
        code110: "",
        code111: "",
        code112: "",
        code113: "",
        code114: "",
        code115: "",
        code116: "",
        code117: "",
        code118: "",
        code119: "",
        code120: "",
        code121: "",
        code122: "",
        code123: "",
        code124: "",
        code125: "",
        code126: "",
        code127: "",
        code128: "",
        code129: "",
        code130: "",
        code131: "",
        code132: "",
        code133: "",
        type: "sbt_type",
        dataTime: "",
        patientId: ""
      },
      selectList: [
        {
          id: "0",
          value: "√",
          name: "√",
        },
        {
          id: "1",
          value: "×",
          name: "×",
        },
      ],
      selectList1: [
        {
          id: "0",
          value: "是",
          name: "是",
        },
        {
          id: "1",
          value: "否",
          name: "否",
        },
      ],
      arrUserName: [],//用户列表
      signOptions: [],
      selectLoading: false,
    };
  },
  watch: {
    getData: {
      handler(nVal) {
        this.data = this.$store.state.user.severFall;
        if (this.$store.state.user.severFall == undefined) {
          this.$message({
            message: "请先选择病人",
            type: "warning",
          });
        } else {
          this.huli();
        }
      },
      deep: true,
    },
  },
  created() {
    this.data = this.$store.state.user.severFall;
    if (
      typeof this.data.patient_id != "string" ||
      this.data.patient_id.length < 1
    ) {
      alert("请选择一次病人");
    } else {
      this.huli();
    }

    patientgetList({visitId: this.data.visit_id}).then((res) => {
      if (res.data[0].age !== '') {
        this.age = res.data[0].age;
      }
    });
    //获取签名列表
    getUserListByUserTypegetNurseList({
      deptCode: this.$store.state.user.loginInfo.deptCode
    }).then((res) => {
      this.arrUserName = res.data;
      Object.assign(this.signOptions, res.data);
    });
  },
  methods: {
    signFilter(val) {
      this.value = val;
      if (val) { //val存在
        this.signOptions = this.arrUserName.filter((item) => {
          if (item.user_name.indexOf(val) >= 0 || item.login_name.indexOf(val) >=0 ) {
            return true
          }
        })
      } else { //val为空时，还原数组
        Object.assign(this.signOptions,this.arrUserName);
      }
    },
    //设置页码
    findPageByPatientId() {
      findPage({
        patientId: this.data.patient_id,
      }).then((res) => {
        if (res.data != null && res.data.length > 0) {
          this.pageNums = res.data[0].pageNum;
          this.pageNum = res.data[0].pageNum;
        } else {
          this.pageNums = 1;
          this.pageNum = 1;
        }
      });

    },
    huli() {
      this.info.patientId = this.data.patient_id;
      if (this.data.sex == "男") {
        this.sex1 = "1";
      }
      if (this.data.sex == "女") {
        this.sex2 = "1";
      }
      this.info = {
        rowId: "",
        code1: "",
        code2: "",
        code3: "",
        code4: "",
        code5: "",
        code6: "",
        code7: "",
        code8: "",
        code9: "",
        code10: "",
        code11: "",
        code12: "",
        code13: "",
        code14: "",
        code15: "",
        code16: "",
        code17: "",
        code18: "",
        code19: "",
        code20: "",
        code21: "",
        code22: "",
        code23: "",
        code24: "",
        code25: "",
        code26: "",
        code27: "",
        code28: "",
        code29: "",
        code30: "",
        code31: "",
        code32: "",
        code33: "",
        code34: "",
        code35: "",
        code36: "",
        code37: "",
        code38: "",
        code39: "",
        code40: "",
        code41: "",
        code42: "",
        code43: "",
        code44: "",
        code45: "",
        code46: "",
        code47: "",
        code48: "",
        code49: "",
        code50: "",
        code51: "",
        code52: "",
        code53: "",
        code54: "",
        code55: "",
        code56: "",
        code57: "",
        code58: "",
        code59: "",
        code60: "",
        code61: "",
        code62: "",
        code63: "",
        code64: "",
        code65: "",
        code66: "",
        code67: "",
        code68: "",
        code69: "",
        code70: "",
        code71: "",
        code72: "",
        code73: "",
        code74: "",
        code75: "",
        code76: "",
        code77: "",
        code78: "",
        code79: "",
        code80: "",
        code81: "",
        code82: "",
        code83: "",
        code84: "",
        code85: "",
        code86: "",
        code87: "",
        code88: "",
        code89: "",
        code90: "",
        code91: "",
        code92: "",
        code93: "",
        code94: "",
        code95: "",
        code96: "",
        code97: "",
        code98: "",
        code99: "",
        code100: "",
        code101: "",
        code102: "",
        code103: "",
        code104: "",
        code105: "",
        code106: "",
        code107: "",
        code108: "",
        code109: "",
        code110: "",
        code111: "",
        code112: "",
        code113: "",
        code114: "",
        code115: "",
        code116: "",
        code117: "",
        code118: "",
        code119: "",
        code120: "",
        code121: "",
        code122: "",
        code123: "",
        code124: "",
        code125: "",
        code126: "",
        code127: "",
        code128: "",
        code129: "",
        code130: "",
        code131: "",
        code132: "",
        code133: "",
        type: "sbt_type",
        dataTime: "",
        patientId: ""
      },
        this.getNowDate();
      if (this.data.unplanned == "" || this.data.unplanned == null || this.data.unplanned == 0) {
        this.garbage = true;
        alert('请在首页补全患者信息')
        // this.$message({
        //   message: "请在首页补全患者信息",
        //   type: "warning",
        //   duration: 1500,
        // });
        return;
      } else {
        this.garbage = false;
      }
      this.findPageByPatientId();
    },
    getNowDate() {
      var date = new Date();
      // 年
      var year = date.getFullYear();
      // 月
      var month = date.getMonth() + 1;
      // 日
      var day = date.getDate();
      // 时
      var hh = date.getHours();
      // 分
      var mm = date.getMinutes();
      // 秒
      var ss = date.getSeconds();
      if (Number(month) < 10) {
        month = "0" + month;
      }
      if (Number(day) < 10) {
        day = "0" + day;
      }
      if (Number(hh) < 10) {
        hh = "0" + hh;
      }
      if (Number(mm) < 10) {
        mm = "0" + mm;
      }
      if (Number(ss) < 10) {
        ss = "0" + ss;
      }
      this.info.dataTime =
        year + "-" + month + "-" + day + " " + hh + ":" + mm + ":" + ss;
    },
    //打印
    daying() {
      if (
        typeof this.data.patient_id != "string" ||
        this.data.patient_id.length < 1
      ) {
        alert("请选择一次病人");
      } else {
        jyxdPagePrint(this.printParam);
      }
    },
    //保存
    btn() {
      if (
        typeof this.data.patient_id != "string" ||
        this.data.patient_id.length < 1
      ) {
        alert("请选择一次病人");
      } else {
        if (!this.info.patientId) {
          this.info.patientId = this.data.patient_id;
        }
        this.info.type = "sbt_type";
        ADLInsertAndUpdate(
          this.info).then((res) => {
          if (res.code === 200) {
            this.$message({
              message: "保存成功",
              type: "success",
            });
          } else {
            this.$message({
              message: "保存失败",
              type: "warning",
            });
          }

        });
      }
    },
    //评分标准查看
    openBtn() {
      this.dialogVisible = true;
    },
    //打印
    daying2() {
      if (
        typeof this.data.patient_id != "string" ||
        this.data.patient_id.length < 1
      ) {
        alert("请选择一次病人");
      } else {
        jyxdPagePrint(this.printParam2);
      }
    },
    // 刷新
    reload() {
      if (
        typeof this.data.patient_id != "string" ||
        this.data.patient_id.length < 1
      ) {
        alert("请选择一次病人");
      } else {
        this.huli();
      }
    },
    //查看历史记录
    histion() {
      if (
        typeof this.data.patient_id != "string" ||
        this.data.patient_id.length < 1
      ) {
        alert("请选择一次病人");
      } else {
        this.table = true;
        if (this.data.patient_id) {
          queryADLList({
            type: "sbt_type",
            patientId: this.data.patient_id,
          }).then((res) => {
            this.gridData = res.data;
          });
        }
      }
    },
    // 选择
    choice(scope) {
      const ids = scope.row.rowId;
      queryDataADL({
        status: 1,
        patientId: this.data.patient_id,
        rowId: ids,
        type: "sbt_type",
      }).then((res) => {
        console.log(res.data);
        if (res.code === 200) {
          this.info = res.data;
          this.$message({
            message: "选择成功",
            type: "success",
          });
        } else {
          this.$message({
            message: "选择失败",
            type: "warning",
          });
        }

      });
    },
    //删除
    yes(scope) {
      ADLDelete({
        rowId: scope.row.rowId,
      }).then((res) => {
        this.$message({
          message: "删除成功",
          type: "success",
        });
        this.histion();
      });
      scope._self.$refs[`popover-${scope.$index}`].doClose();
    },
    //取消删除
    no(scope) {
      this.$message("取消删除");
      scope._self.$refs[`popover-${scope.$index}`].doClose();
    },
  },
};
</script>

<style scoped>
.warp {
  width: 940px;
  border: 1px solid #000;
  margin: 0 auto;
}

/* 续页右侧护理记录开始*/
.paging {
  float: left;
  margin-top: 22px;
  margin-bottom: 30px;
  /* margin-left: 54%; */
}

/* 续页右侧护理记录结束*/
@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .mod_box2 {
    width: 1800px;
    margin-left: -18%;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {
  .mod_box2 {
    width: 1800px;
    margin-left: -9%;
  }
}

@media screen and (min-width: 1800px) {
  .mod_box2 {
    width: 1800px;
    margin-left: 7%;
  }
}

.two {
  width: 940px;
  height: 120px;
  border-bottom: 1px solid #808695;
}

.two /deep/ .el-input__inner {
  width: 940px;
  border: none;
  float: left;
  border-bottom: 1px solid #808695;
}

.long_div {
  width: 240px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #808695;
  float: left;
  text-align: center;
}

.short_div {
  width: 100px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #808695;
  float: left;
  text-align: center;
}

.one {
  width: 940px;
  height: 30px;
  border-bottom: 1px solid #808695;
}

.input-type {
  width: 60px;
  text-align: center;
  border: 0px;
  outline: none;
  height: 15px;
  margin-top: 2px;
}

.select-type {
  width: 50px;
  text-align: center;
  border: 0px;
  outline: none;
  height: 15px;
  margin-top: 2px;
}

#dateId_tow /deep/ .el-input__inner {
  border: none;
  height: 20px;
}

#dateId_tow /deep/ .el-icon-time:before {
  content: "";
}

#dateId_tow /deep/ .el-input__icon {
  width: 1px;
}

#dateId /deep/ .el-input__inner {
  border: none;
  height: 20px;
}

#dateId /deep/ .el-icon-time:before {
  content: "";
}

#dateId /deep/ .el-input__icon {
  width: 1px;
}

#select_div /deep/ input.el-input__inner {
  width: 70px;
  height: 20px;
  border: 0;
}

#select_div /deep/ .el-icon-arrow-up:before {
  content: "";
}

#select_user_div /deep/ input.el-input__inner {
  width: 100px;
  height: 30px;
  border: 0;
}

#select_user_div /deep/ .el-icon-arrow-up:before {
  content: "";
}

.title_div_one {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
}

.title_small_noe {
  text-align: center;
  font-size: 3px;
  line-height: 25px;
}

.number_one {
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
}

.no_number_one {
  line-height: 25px;
  font-size: 11px;
}

.circle_one {
  margin-left: 20px;
  line-height: 25px;
  font-weight: bold;
  font-size: 8px;
}

.line_one {
  margin-left: 20px;
  line-height: 25px;
  font-size: 7px;
}
</style>

